<HTML>
<head>
<title>Lostsector Blog's</title><link href='http://www.lost-sector.net/favicon.ico' rel='icon' type='image/x-icon'/>
<style type="text/css">

#blog-outer{background:none;width:980px;text-align:left;font:11px Tahoma;margin:30px auto;padding:8px;box-shadow:0 5px 10px #555;-moz-box-shadow:0 5px 10px #555;-webkit-box-shadow:0 5px 10px #555}

#menuwrapperpic{width:100%;min-width:980px;position:fixed;top:0;left:0;right:0;height:28px;font-size:13px;z-index:99;background-color:#1E6510;border-bottom:1px solid #000;box-shadow:2px 1px 3px 1px}
#menuwrapper{width:995px;height:28px;margin:0 auto;}
.clearit{clear:both;height:0;line-height:0.0;font-size:0}
#menubar{width:995px}
#menubar,#menubar ul{list-style:none;font-family:Arial, serif;margin:0;padding:0;}
#menubar a{display:block;text-decoration:none;font-size:12px;text-transform:none;font-weight:700;color:#fff;padding:8px 12px 5px 12px;border-left:1px solid #39572E; border-right:0px solid #353F31;text-shadow:0 1px 1px #000;}
#menubar a.trigger{background-image:url(#);background-repeat:no-repeat;background-position:right center;padding:8px 12px 5px 12px}
#menubar li{float:left;position:static;width:auto}
#menubar li ul,#menubar ul li{width:150px}
#menubar ul li a{text-align:left;color:#fff;font-size:12px;font-weight:400;text-transform:none;font-family:Arial;border:none;padding:5px 10px}
#menubar li ul{z-index:50;position:absolute;display:none;background:#26231c;-moz-box-shadow:0 2px 2px rgba(0,0,0,0.6);-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.6)}
#menubar li:hover a,#menubar a:active,#menubar a:focus,#menubar li.hvr a{background-color:#1E6510;color:#ffff00;-webkit-transition: background-color .555s;-moz-transition: background-color .555s;-o-transition: background-color .555s;-ms-transition: background-color .555s;}
#menubar li:hover ul,#menubar li.hvr ul{display:block}
#menubar li:hover ul a,#menubar li.hvr ul a{color:#edfdfd;background-color:transparent;text-decoration:none}
#menubar li ul li.hr{border-bottom:1px solid #433e31;border-top:1px solid #11100d;display:block;font-size:1px;height:0;line-height:0;}
#menubar ul a:hover{background-color:#555!important;color:#fff!important;text-decoration:none}

#menu-right{float:right;display:inline;width:160px;padding-top:5px;margin-right:5px}
#topsearch1 #feed-1{margin-top:0;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#333}
#topsearch1 #feed-s{width:126px}
#search{height:18px;width:150px;background:#aeaeae;padding:0}
#search input{border:0;background:none;color:#575757}
#s{font-size:12px;width:120px;padding-left:4px;background:none;margin:0}
#topsearch #search{margin-top:0;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#fff;border:1px solid #999}
#topsearch #s{width:125px}

h1{font:normal bold 32px Tahoma;line-height:1.4em;text-transform:none;color:#333333;margin:auto;width:100%;text-align:center}
h2{font:normal bold 11px Tahoma;line-height:1.4em;text-transform:none;color:#333333;margin:.5em 0 .25em}

#post-body {background:#fff;border:1px solid silver;margin:auto;padding:10px 15px}
#post-body h2{font-family:'Tahoma', Trebuchet, Verdana, Serif;font-size:16px;font-weight:700;color:#0B0B61;margin:5px 0 0;padding:0 0 4px;text-shadow:1px 0px #eee, 1px 0px #ddd, 1px 1px #ddd, 2px 2px #bbb;}
#post-body h2 a,#post-body h2 a:visited,#post-body h2 strong{display:block;text-decoration:none;color:#0B0B61;font: 16px Tahoma;font-weight:600}
#post-body h2 strong,#post-body h2 a:hover{color:#111}
#post-body {border-top:1px dashed #ccc;padding-top:10px;margin:auto 0px .75em;text-align:justify;font:13px Tahoma;line-height:1.5em}
#post-body p{margin:15px 0px .75em 0px;text-align:justify;font:13px Tahoma;line-height:1.5em}
#post-body img {width:0px;height:0px;float:left;margin:0px 10px 0px 0px}
#post-body img:hover{opacity: 0.8;filter:alpha(opacity=80); }

#credit{background:#101010;width:100%;line-height:1.6em;text-align:center;font-family:Arial;font-size:14px;color:#0b5394;text-shadow:3px 3px 3px #000;overflow:hidden;clear:both;margin:0 auto;padding:10px 0 10px 0px}
#credit a:link,#credit a:visited{color:#ccc;text-decoration:none}

.lsauthorbox {
    position: relative;
    margin: 20px auto;
    border: 1px solid blue;
    padding: 5px;
    min-height: 115px;
    max-width: 650px;
-webkit-border-radius: 0px 20px 0px 20px; -moz-border-radius: 0px 20px 0px 20px;
border-radius: 0px 15px 0px 15px;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}
.lsauthoravatar {
    background: #fff;
    border: 1px solid #ccc9bd;
    float: left;
    height: 100px;
    padding: 2px;
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 4px 0 #d9d9d9;
    -moz-box-shadow: 0 0 4px 0 #d9d9d9;
    box-shadow: 0 0 4px 0 #d9d9d9;
    width: 100px;
}
.lsauthoravatar img {
    height: 100px;
    width: 100px;
}
.lsauthorlabel {
    font-family: 'Arial', 'lucida grande', sans-serif;
    background: #333;
    color: #fff;
    display: block;
    font-size: 11px;
    font-weight: bold;
    line-height: 20px;
    height: 20px;
    margin-left: -43px;
    position: absolute;
    bottom: -10px;
    left: 50%;
    text-align: center;
    width: 86px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.lsauthorcontent {
    margin-left: 120px;
}
.lsauthorhead {
    border-bottom: 1px solid #ddd;
    margin-bottom: 12px;
    padding: 0 160px 3px 0;
    position: relative;
}
.lsauthorbox h3 {
    font-family: Arial;
    color: #302E29;
    font-size: 20px;
    font-weight: normal;
    line-height: 25px;
    margin: 0;
    border: none;
    text-transform: none;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.lsauthorsocial {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 4px;
    right: 0;
}
.lsauthorsocial li {
    float: left;
    margin-right: 4px;
    padding: 0;
}
.lsauthorsocial li a {
    background: url(https://lh6.googleusercontent.com/-cztX7uW8FGU/UEDmmy6SdFI/AAAAAAAAGdg/ONp7KkBoPOU/s75/icons_user_links.png) no-repeat 0 0;
    color: #C1B7A3;
    display: block;
    height: 20px;
    font-size: 0;
    text-indent: -99999px;
    width: 20px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.lsauthorsocial li a.authorFacebook {
    background-position: -20px 0;
}
.lsauthorsocial li a.authorGooglePlus {
    background-position: -40px 0;
}
.lsauthorsocial li a.authorTwitter {
    background-position: -60px 0;
}
.lsauthorsocial li a.authorBlog:hover {
    background-position: 0 -20px;
}
.lsauthorsocial li a.authorFacebook:hover {
    background-position: -20px -20px;
}
.lsauthorsocial li a.authorGooglePlus:hover {
    background-position: -40px -20px;
}
.lsauthorsocial li a.authorTwitter:hover {
    background-position: -60px -20px;
}
.lsauthorbox p.bio {
    font-family: 'lucida sans unicode', 'lucida grande', sans-serif;
    font-size: 12px;
    line-height: 18px;
}
.lsauthorbox p a {
    color: #E65002;
}

</style>
</head>
<body>

<!--Start Header 01-->
<div id='menuwrapperpic'>
<div id='menuwrapper'>
<ul id='menubar'>
<li class='home'><a href='http://www.lost-sector.net/'>Home &#10157;</a></li>
<li><a href='http://www.lost-sector.net/2013/01/boxkotak-about-author-di-bawah.html'>Get Box Author &#10157;</a></li>
<li><a href='http://www.lost-sector.net/2012/12/cara-membuat-email-subscribe-dibawah-postingan-blogspot.html'>Get Box Email Subscription &#10157;</a></li>
</ul>

</div>
</div>
<!--End Of Header 01-->

<div id='blog-outer'><!--START OUTER-->

<div id='post-body'>
<div style="text-align: center;">
<h2>Lostsector Blog's Demo</h2>
<!-- Begin: http://adsensecamp.com/ -->
<script src="http://adsensecamp.com/show/?id=aHPGthOhMTU%3D&cid=1mKE6FR8OXo%3D&chan=5LC6%2ByGBW44%3D&type=1&title=0000FF&text=000000&background=FFFFFF&border=000000&url=3D81EE" type="text/javascript">
</script>
<!-- End: http://adsensecamp.com/ -->
</div>

<!-- START POST BODY PART 2 -->

<div class="lsauthorbox">
<div class="lsauthoravatar">
<img alt="About Me" src="http://1.bp.blogspot.com/-B6lBL4537j4/UPv_zLdkgRI/AAAAAAAADGo/7ray601p0L0/s1600/lostsector%5Bdot%5Dblogspot%5Bdot%5Dcom.jpg" title="About Me" />
<span class="lsauthorlabel">About Author</span>
</div>
<div class="lsauthorcontent">
<div class="lsauthorhead">
<h3>
<a href="https://plus.google.com/104378488509231461810/about" rel="me">Rahmat Ramli</a></h3>
<ul class="lsauthorsocial">
<li><a class="authorFacebook" href="http://www.facebook.com/lostsector.stars" rel="nofollow" target="_blank" title="Facebook">Facebook</a></li>
<li><a class="authorGooglePlus" href="https://plus.google.com/104378488509231461810/about" rel="publisher" target="_blank" title="GooglePlus">GooglePlus</a></li>
<li><a class="authorTwitter" href="https://twitter.com/lostsector" target="_blank" title="Twitter">Twitter</a></li>
</ul>
</div>
<p class="bio">Blogging merupakan salah satu Hobby Saya dan Saya mulai bergelut dengan dunia blogging pada akhir tahun 2011 namun sempat terhenti hampir setahun dan pada akhir Tahun 2012 tepatnya bulan Oktober Saya Kembali aktif dalam dunia perbloggingan. <a href="http://www.lost-sector.net/2013/01/boxkotak-about-author-di-bawah.html">Get This Gadget</a></p>
</div>
</div>


<b><a href="https://www.blogger.com/profile/12498154895748901142">Lostsector Blog's - Author's Profile</a></b></div>

<!-- END POST BODY PART 2 -->

<div id='credit'>
<a href='https://plus.google.com/108801075003252823592/' rel='publisher'>Design, Tutorial, Widgets dan Tips Tricks Blogger | Lostsector Blog's</a> &#169; 2011 - 2013. All Rights Reserved
</div>


</div><!--End Of Outer-->
</body>
</HTML>